<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>创意精灵</title>
	<link rel="stylesheet" href="../css/bootstrap.min.css" />
	<link rel="stylesheet" href="../css/header.css" />
	<link rel="stylesheet" href="../css/style.css" />
	
</head>
<body>
	<div class="business-bridge-iframe">
        <iframe src="../floating/floating.html" width="230px" frameborder="0" height="210px" style=";border-top-left-radius: 5px;border-top-right-radius: 5px;"></iframe>
        <img src="../img/off_white.png" class="off-white js-off-white">
        <div class="shrink-button js-shrink-button">
            <span class="control">收起</span>
        </div>
    </div>
	<div class="warp p-b45">
		<div class="nav_box">
            <div id="wrap">
                <div id="topBar">
                    <div class="nav clearfix" id="nav">
                        <div class="topBar">
                            <div class="nav_cont clearfix">
                                <a href="http://http://www.semyes.cn/index.php/Home/Index/index.html" class="nav_Logo"> <img src="../img/logo.png" /></a>
                                <ul class="nav_list clearfix">
                                    <li class="nav_list_li">
                                        <a class="" href="http://www.semyes.cn/index.php/Home/Index/index.html" target="_self">首页</a>
                                    </li>
                                    <li class="nav_list_li">
                                        <a class="" href="http://www.semyes.cn/index.php/Home/Yishubao/index.html" target="_self">易数宝</a>
                                    </li>
                                    <li class="nav_list_li">
                                        <a href="http://www.semyes.cn/index.php/Home/Fwxm/index.html" target="" class="">服务项目</a>
                                        <ul class="subnav">
                                            <li>
                                                <a href="http://www.semyes.cn/index.php/Home/Fwxm/sem.html" target="_self">SEM</a>
                                            </li>
                                            <p class="subnav_Tri"></p>
                                            <li>
                                                <a href="http://moban.semyes.cn" target="_self">网站建设</a>
                                            </li>
                                    
                                            <p class="subnav_Tri"></p>
                                    <li ><a href="http://www.semyes.cn/index.php/Home/Fwxm/extension.html"  target="_self">信息流广告</a></li><p class="subnav_Tri"></p>
                                        </ul>
                                    </li>
                                    <li class="nav_list_li">
                                        <a href="http://www.semyes.cn/index.php/Home/Project/index.html" target="_self">成功案例</a>
                                    </li>
                                    <li class="nav_list_li">
                                        <a href="join.semyes.cn" target="_self" class="active">招商加盟</a>
                                    </li>
                                    <li class="nav_list_li">
                                        <a href="http://www.semyes.cn/index.php/Home/Contact/index.html" target="_self" class="">联系我们</a>
                                    </li>
                                    <li class="nav_list_li">
                                        <a href="http://www.semyes.cn/index.php/Home/Auto/introduce.html" target="_self" class="">关于我们</a>
                                        <ul class="subnav">
                                            <li>
                                                <a href="http://www.semyes.cn/index.php/Home/Auto/introduce.html" target="_self">原昇介绍</a>
                                            </li>
                                            <p class="subnav_Tri"></p>
                                            <li>
                                                <a href="http://www.semyes.cn/index.php/Home/Auto/culture.html" target="_self">原昇文化</a>
                                            </li>
                                            <p class="subnav_Tri"></p>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
		<div class="clear"></div>
        <div class="top-creativity">
            <div class="top-creativity-middle clear-float">
                <div class="top-creativity-middle-left fl">原力创意</div>
                <div class="top-creativity-middle-right fr">
                    <img src="../img/idea.png">
                </div>
            </div>
        </div>
        <div class="clear"></div>
		<div class="content-bg ba-100 p-b80">
		<div class="content">
			<div class="clear-float">
				<!-- <h2 class="fl my_creative">我的创意</h2> -->
				<div class="fr current_element">
					<button class="return_index" onClick="javascript :history.back(-1);"><img src="../img/return.png" class="return-index">返回创意编辑</button>
				</div>
			</div>
			<div class="list-stata" >
				<ul class="am-btn-group clear-float" id="tab-nav">
					<li class="selected-bule">
						<span class="tab-self-motion">已上传创意
							<span>（2）</span>
						</span>
					</li>
					<li>
						<span class="tab-manual">未上传创意
							<span>（2）</span>
						</span>
					</li>
				</ul>
				<div class="am-alert-secondary">
					通过账户选择关键词编辑的创意，将自动上传至原单元，称为“自动创意”。
				</div>
				<div class="line"></div>
				

	 			<div class="content_module on">
					<div class="creative_list">
						
						<div class="creative_check_all">
							<span class="checkbox-input">
								<input type="checkbox" name="" class="js-check">
								全选/反选
							</span>
							<span class="creative_name">创意</span>
							<span class="creative_operation">操作</span>
						</div>
						<table id = "test_table" class="list_data">
						    <tr>
						    	<td class="one_td">
						    		<span class="checkbox-list-input js-checkbox-list-input">
										<input type="checkbox" name="test" value="415152">
									</span>
						    	</td>
						    	<td class="two">
						    		<span class="creative_content">
										<span class="describe-one js-one">关键词优化公司-博雅立方大数据营销领跑者</span>
										<span class="describe-two">获得网友: 92%好评 780条评价 “效果好 | 服务周到 | 速度快” 关键词优化公司,账户..sdasdasdasdasdsdfas sadf asff asdf asdf asdfasd gdfhfgh fgj dghj ghkk</span>
										<span class="describe-url">http://www.cubead.com</span>
										<sapn class="visit-url">e.baidu.com12323</span>
									</span>
						    	</td>
						    	<td class="three">
						    		<span class="list_compile js-list_compile"><img src="../img/pencil.png"></span>
						    	</td>
						    </tr>
						    <tr>
						    	<td class="one_td">
						    		<span class="checkbox-list-input js-checkbox-list-input">
										<input type="checkbox" name="test">
									</span>
						    	</td>
						    	<td class="two">
						    		<span class="creative_content">
										<span class="describe-one js-one">关键词优化公司-博雅立方大数据营销领跑者</span>
										<span class="describe-two">获得网友: 92%好评 780条评价 “效果好 | 服务周到 | 速度快” 关键词优化公司,账户..</span>
										<span class="describe-url">http://www.cubead.com</span>
										<sapn class="visit-url">e.baidu.com12323</span>
									</span>
						    	</td>
						    	<td class="three">
						    		<span class="list_compile js-list_compile"><img src="../img/pencil.png"></span>
						    	</td>
						    </tr>
						    <tr>
						    	<td class="one_td">
						    		<span class="checkbox-list-input js-checkbox-list-input">
										<input type="checkbox" name="test">
									</span>
						    	</td>
						    	<td class="two">
						    		<span class="creative_content">
										<span class="describe-one js-one">关键词优化公司-博雅立方大数据营销领跑者</span>
										<span class="describe-two">获得网友: 92%好评 780条评价 “效果好 | 服务周到 | 速度快” 关键词优化公司,账户..</span>
										<span class="describe-url">http://www.cubead.com</span>
										<sapn class="visit-url">e.baidu.com12323</span>
									</span>
						    	</td>
						    	<td class="three">
						    		<span class="list_compile js-list_compile"><img src="../img/pencil.png"></span>
						    	</td>
						    </tr>
						    <tr>
						    	<td class="one_td">
						    		<span class="checkbox-list-input js-checkbox-list-input">
										<input type="checkbox" name="test">
									</span>
						    	</td>
						    	<td class="two">
						    		<span class="creative_content">
										<span class="describe-one js-one">关键词优化公司-博雅立方大数据营销领跑者</span>
										<span class="describe-two">获得网友: 92%好评 780条评价 “效果好 | 服务周到 | 速度快” 关键词优化公司,账户..</span>
										<span class="describe-url">http://www.cubead.com</span>
										<sapn class="visit-url">e.baidu.com12323</span>
									</span>
						    	</td>
						    	<td class="three">
						    		<span class="list_compile js-list_compile"><img src="../img/pencil.png"></span>
						    	</td>
						    </tr>
						    <tr>
						    	<td class="one_td">
						    		<span class="checkbox-list-input js-checkbox-list-input">
										<input type="checkbox" name="test">
									</span>
						    	</td>
						    	<td class="two">
						    		<span class="creative_content">
										<span class="describe-one js-one">关键词优化公司-博雅立方大数据营销领跑者</span>
										<span class="describe-two">获得网友: 92%好评 780条评价 “效果好 | 服务周到 | 速度快” 关键词优化公司,账户..</span>
										<span class="describe-url">http://www.cubead.com</span>
										<sapn class="visit-url">e.baidu.com12323</span>
									</span>
						    	</td>
						    	<td class="three">
						    		<span class="list_compile js-list_compile"><img src="../img/pencil.png"></span>
						    	</td>
						    </tr>
						    <tr>
						    	<td class="one_td">
						    		<span class="checkbox-list-input js-checkbox-list-input">
										<input type="checkbox" name="test">
									</span>
						    	</td>
						    	<td class="two">
						    		<span class="creative_content">
										<span class="describe-one js-one">关键词优化公司-博雅立方大数据营销领跑者</span>
										<span class="describe-two">获得网友: 92%好评 780条评价 “效果好 | 服务周到 | 速度快” 关键词优化公司,账户..</span>
										<span class="describe-url">http://www.cubead.com</span>
										<sapn class="visit-url">e.baidu.com12323</span>
									</span>
						    	</td>
						    	<td class="three">
						    		<span class="list_compile js-list_compile"><img src="../img/pencil.png"></span>
						    	</td>
						    </tr>
						    <tr>
						    	<td class="one_td">
						    		<span class="checkbox-list-input js-checkbox-list-input">
										<input type="checkbox" name="test">
									</span>
						    	</td>
						    	<td class="two">
						    		<span class="creative_content">
										<span class="describe-one js-one">关键词优化公司-博雅立方大数据营销领跑者</span>
										<span class="describe-two">获得网友: 92%好评 780条评价 “效果好 | 服务周到 | 速度快” 关键词优化公司,账户..</span>
										<span class="describe-url">http://www.cubead.com</span>
										<sapn class="visit-url">e.baidu.com12323</span>
									</span>
						    	</td>
						    	<td class="three">
						    		<span class="list_compile js-list_compile"><img src="../img/pencil.png"></span>
						    	</td>
						    </tr>
						    <tr>
						    	<td class="one_td">
						    		<span class="checkbox-list-input js-checkbox-list-input">
										<input type="checkbox" name="test">
									</span>
						    	</td>
						    	<td class="two">
						    		<span class="creative_content">
										<span class="describe-one js-one">关键词优化公司-博雅立方大数据营销领跑者</span>
										<span class="describe-two">获得网友: 92%好评 780条评价 “效果好 | 服务周到 | 速度快” 关键词优化公司,账户..</span>
										<span class="describe-url">http://www.cubead.com</span>
										<sapn class="visit-url">e.baidu.com12323</span>
									</span>
						    	</td>
						    	<td class="three">
						    		<span class="list_compile js-list_compile"><img src="../img/pencil.png"></span>
						    	</td>
						    </tr>
						    <tr>
						    	<td class="one_td">
						    		<span class="checkbox-list-input js-checkbox-list-input">
										<input type="checkbox" name="test">
									</span>
						    	</td>
						    	<td class="two">
						    		<span class="creative_content">
										<span class="describe-one js-one">关键词优化公司-博雅立方大数据营销领跑者</span>
										<span class="describe-two">获得网友: 92%好评 780条评价 “效果好 | 服务周到 | 速度快” 关键词优化公司,账户..</span>
										<span class="describe-url">http://www.cubead.com2</span>
										<sapn class="visit-url">e.baidu.com12323</span>
									</span>
						    	</td>
						    	<td class="three">
						    		<span class="list_compile js-list_compile"><img src="../img/pencil.png"></span>
						    	</td>
						    </tr>
						</table>
						<div class="creative_list_top">
							<button class="download"><img src="../img/download.png" class="download-excel">下载</button>
							<button class="download download-del js-download-del"><img src="../img/del_white.png" class="download-del-img">删除</button>
							<button class="download batch-uploading js-batch-uploading"><img src="../img/uploading.png" class="download-excel">批量上传</button>
						</div>
					</div>
					<!-- 分页 -->
					<div class="pagination pagination-center">
					  <ul>
					    <li><a href="#">Prev</a></li>
					    <li><a href="#">1</a></li>
					    <li><a href="#">2</a></li>
					    <li><a href="#">3</a></li>
					    <li><a href="#">4</a></li>
					    <li><a href="#">5</a></li>
					    <li><a href="#">Next</a></li>
					  </ul>
					</div>
				</div>
				<div class="content_module">
					<div class="creative_list">
						<div class="creative_list_top">
							<button class="download"><img src="../img/download.png" class="download-excel">下载</button>
							<button class="download download-del js-download-del"><img src="../img/del_white.png" class="download-del-img">删除</button>
						</div>
						<div class="creative_check_all">
							<span class="checkbox-input">
								<input type="checkbox" name="">
							</span>
							<span class="creative_name">创意</span>
							<span class="creative_operation">操作</span>
						</div>
						<table id ="" class="list_data">
						    <tr>
						    	<td class="one_td">
						    		<span class="checkbox-list-input js-checkbox-list-input">
										<input type="checkbox" name="test">
									</span>
						    	</td>
						    	<td class="two">
						    		<span class="creative_content">
										<span class="describe-one js-one">关键词优化公司-博雅立方大数据营销领跑者</span>
										<span class="describe-two">获得网友: 92%好评 780条评价 “效果好 | 服务周到 | 速度快” 关键词优化公司,账户..sdasdasdasdasdsdfas sadf asff asdf asdf asdfasd gdfhfgh fgj dghj ghkk</span>
										<span class="describe-url">http://www.cubead.com</span>
										<sapn class="visit-url">e.baidu.com12323</span>
									</span>
						    	</td>
						    	<td class="three">
						    		<span class="list_compile js-list_compile"><img src="../img/pencil.png"></span>
						    	</td>
						    </tr>
						    <tr>
						    	<td class="one_td">
						    		<span class="checkbox-list-input js-checkbox-list-input">
										<input type="checkbox" name="test">
									</span>
						    	</td>
						    	<td class="two">
						    		<span class="creative_content">
										<span class="describe-one js-one">关键词优化公司-博雅立方大数据营销领跑者</span>
										<span class="describe-two">获得网友: 92%好评 780条评价 “效果好 | 服务周到 | 速度快” 关键词优化公司,账户..</span>
										<span class="describe-url">http://www.cubead.com</span>
										<sapn class="visit-url">e.baidu.com12323</span>
									</span>
						    	</td>
						    	<td class="three">
						    		<span class="list_compile js-list_compile"><img src="../img/pencil.png"></span>
						    	</td>
						    </tr>
						    <tr>
						    	<td class="one_td">
						    		<span class="checkbox-list-input js-checkbox-list-input">
										<input type="checkbox" name="test">
									</span>
						    	</td>
						    	<td class="two">
						    		<span class="creative_content">
										<span class="describe-one js-one">关键词优化公司-博雅立方大数据营销领跑者</span>
										<span class="describe-two">获得网友: 92%好评 780条评价 “效果好 | 服务周到 | 速度快” 关键词优化公司,账户..</span>
										<span class="describe-url">http://www.cubead.com</span>
										<sapn class="visit-url">e.baidu.com12323</span>
									</span>
						    	</td>
						    	<td class="three">
						    		<span class="list_compile js-list_compile"><img src="../img/pencil.png"></span>
						    	</td>
						    </tr>
						    <tr>
						    	<td class="one_td">
						    		<span class="checkbox-list-input js-checkbox-list-input">
										<input type="checkbox" name="test">
									</span>
						    	</td>
						    	<td class="two">
						    		<span class="creative_content">
										<span class="describe-one js-one">关键词优化公司-博雅立方大数据营销领跑者</span>
										<span class="describe-two">获得网友: 92%好评 780条评价 “效果好 | 服务周到 | 速度快” 关键词优化公司,账户..</span>
										<span class="describe-url">http://www.cubead.com</span>
										<sapn class="visit-url">e.baidu.com12323</span>
									</span>
						    	</td>
						    	<td class="three">
						    		<span class="list_compile js-list_compile"><img src="../img/pencil.png"></span>
						    	</td>
						    </tr>
						</table>
					</div>
					<!-- 分页 -->
					<div class="pagination pagination-center">
					  <ul>
					    <li><a href="#">Prev</a></li>
					    <li><a href="#">1</a></li>
					    <li><a href="#">2</a></li>
					    <li><a href="#">3</a></li>
					    <li><a href="#">4</a></li>
					    <li><a href="#">5</a></li>
					    <li><a href="#">Next</a></li>
					  </ul>
					</div>
				</div>
			</div>
		</div>
		</div>
		<iframe src="../footer/footer.html" height="46px" width="100%" frameborder="0" style="position: absolute;bottom: 0"></iframe>
	</div>
	<!-- 编辑 -->
	<div class="compile_window compile_window_off js-open">
		<div class="compile_warp">
			<img src="../img/delgray.png" class="delgrayImg js-delgrayImg">
			<div class="compile_creative_title">编辑创意</div>
			<div class="compile_creative_title_content">
				<form class="forms_content">
						<div class="forms_title">
							<label>标题</label>
							<span class="title-span"><span class="content-number js-number-title">0</span>/40</span>
							<input type="text" placeholder="不超过20个汉字" class="am-input-sm js-title">
						</div>
						<div class="forms_title">
							<label>描述1 </label>
							<span class="title-span"><span class="content-number js-content-one-munber">0</span>/80</span>
							<textarea placeholder="描述一" maxlength="80" class="js-content-one"></textarea>
						</div>
						<div class="forms_title">
							<label>描述2 </label>
							<span class="title-span"><span class="content-number js-content-two-munberber">0</span>/80</span>
							<textarea placeholder="描述二" maxlength="80" class="js-content-tow"></textarea>
						</div>
						<div class="forms_title">
							<label>显示网址 </label>
							<span class="title-span"><span class="content-number js-show-url-munber">0</span>/36</span>
							<input type="url" placeholder="显示网址" class="am-input-sm js-content-url" maxlength="36">
						</div>
						<div class="forms_title">
							<label>访问网址</label>
							<span class="title-span"><span class="content-number js-content-three">0</span>/1024</span>
							<input type="url" placeholder="访问网址" class="am-input-sm js-content-visit" maxlength="1024">
						</div>
					</form>
					<div class="am-btn am-btn-primary save uploading-single">上传</div>
					<div class="am-btn am-btn-primary save js-save">保存</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<script type="text/javascript">
$(function(){
	// 切换
	$("#tab-nav li").click(function(){
		$(this).addClass("selected-bule").siblings("li").removeClass("selected-bule");
		$(this).parent().parent().find('.content_module').eq($(this).index()).addClass("on").siblings().removeClass("on");
	})
	// 操作
	$(".js-list_compile").click(function(){
		$(".js-open").show();
		// 标题
		var textPrice = $(this).parent().parent().find(".js-one").text();
		$(this).parents(".warp").siblings(".js-open").find(".js-title").val(textPrice);
		$(this).parents(".warp").siblings(".js-open").find(".js-number-title").text(textPrice.length);
		// 描述

		// 描述1 
		var describe1 = $(this).parent().parent().find(".describe-two").text();
		if(describe1.length > 80){
			$(this).parents(".warp").siblings(".js-open").find(".js-content-one").val(describe1.substring(0,80));
			$(this).parents(".warp").siblings(".js-open").find(".js-content-one-munber").text(describe1.substring(0,80).length);
			// 描述2
			$(this).parents(".warp").siblings(".js-open").find(".js-content-tow").val(describe1.substring(80,160));
			var describeTwo;
			for (var i = 0; i < describe1.length; i++) {
				describeTwo = describe1.length - 80;
			}
			if (describeTwo > 80) {
				$(this).parents(".warp").siblings(".js-open").find(".js-content-two-munberber").text(80);
			} else {
				$(this).parents(".warp").siblings(".js-open").find(".js-content-two-munberber").text(describeTwo);
			}
		} else {
			$(this).parents(".warp").siblings(".js-open").find(".js-content-one").val(describe1);
			$(this).parents(".warp").siblings(".js-open").find(".js-content-one-munber").text(describe1.length);
		}
		// 显示网址
		var showUrl = $(this).parent().parent().find(".describe-url").text();
		$(this).parents(".warp").siblings(".js-open").find(".js-content-url").val(showUrl);
		if (showUrl.length > 36) {
			$(this).parents(".warp").siblings(".js-open").find(".js-show-url-munber").text(36);
		} else {
			$(this).parents(".warp").siblings(".js-open").find(".js-show-url-munber").text(showUrl.length)
		}
		// 访问网址
		var showUrl = $(this).parent().parent().find(".visit-url").text();
		$(this).parents(".warp").siblings(".js-open").find(".js-content-visit").val(showUrl);
		if (showUrl.length > 1024) {
			$(this).parents(".warp").siblings(".js-open").find(".js-content-three").text(1024);
		} else {
			$(this).parents(".warp").siblings(".js-open").find(".js-content-three").text(showUrl.length);
		}

	})
	// 点击选择
	$(".js-checkbox-list-input input").click(function(){
		var whetherCheckbox = $(this).attr('checked');
		if (whetherCheckbox == 'checked') {
			$(this).prop('checked',true);
		} else {
			$(this).prop('checked',false);
			$(".js-check").attr("checked",false);
		}
	})
	//全选或者全不选
	$(".js-check").click(function(){ 
		for (var i = 0; i < $(".js-checkbox-list-input input").length; i++) {
			if ($(".js-checkbox-list-input input")[i].checked == true) {
				$(".js-checkbox-list-input input")[i].checked=false;
			} else {
				$(".js-checkbox-list-input input")[i].checked=true;
			}
		}
	}) 
	
	// 选中删除
	$(".js-download-del").click(function() {
        $("input[name='test']:checked").each(function() { // 遍历选中的checkbox
            n = $(this).parents("tr").index();  // 获取checkbox所在行的顺序
            $("table#test_table").find("tr:eq("+n+")").remove();
        });
    });
    // 关闭
	$(".js-delgrayImg").click(function(){
		$(".js-open").hide();
	})

	// 监听
	$(".js-title").on("input",function(){
		if($(this).val().length > 40){
			alert("超出长度了");
			$(".js-number-title").text($(this).val().length);
		} else {
			$(".js-number-title").text($(this).val().length);
		}
	})

	$(".js-content-one").on("input",function(){
		if ($(this).val().length > 80) {
			alert("超出长度了");
			$(".js-content-one-munber").text($(this).val().length);
		} else {
			$(".js-content-one-munber").text($(this).val().length);
		}
	})

	$(".js-content-tow").on("input",function(){
		if ($(this).val().length > 80) {
			alert("超出长度了");
			$(".js-content-two-munberber").text($(this).val().length);
		} else {
			$(".js-content-two-munberber").text($(this).val().length);
		}
	})

	$(".js-content-url").on("input",function(){
		if ($(this).val().length > 80) {
			alert("超出长度了");
			$(".js-show-url-munber").text($(this).val().length);
		} else {
			$(".js-show-url-munber").text($(this).val().length);
		}
	})

	$(".js-content-visit").on("input",function(){
		if ($(this).val().length > 80) {
			alert("超出长度了");
			$(".js-content-three").text($(this).val().length);
		} else {
			$(".js-content-three").text($(this).val().length);
		}
	})

	//保存
	$(".js-save").click(function(){
		var title = $(".js-title").val().length;
		var contentOne = $(".js-content-one").val().length;
		var contentTow = $(".js-content-tow").val().length;
		var contentUrl = $(".js-content-url").val().length;
		var contentVisit = $(".js-content-visit").val().length;
		if (title > 40) {
			alert("标题过长");
		} else if(contentOne > 80){
			alert("描述一过长");
		} else if(contentTow > 80){
			alert("描述二过长");
		} else if(contentUrl > 36){
			alert("显示网址过长");
		} else if(contentVisit > 1024){
			alert("访问网址过长");
		}
	})
	//收缩服务
    $(".js-shrink-button").toggle(function(){
        $(".business-bridge-iframe").animate({
            left:"-230px",
        },1000)
        $(this).find("span").removeClass("control").text("服务指导");
    },function(){
        $(".business-bridge-iframe").animate({
            left:"0px",
        },1000)
        $(this).find("span").addClass("control").text("收起");
    })
    // 关闭浮窗
    $(".js-off-white").click(function(){
        $(".business-bridge-iframe").hide();
    })
})
</script>
</html>